<?php
/* 
 *  proxecto
 * 
 *  Copyright (c) 2011
 * 
 *  This file is part of dolpheuscms.
 *  Version: $Id
 *  Created on 13-mrt-2011, 22:07:41
 *  Author: Harrie
 * 
 *  This Content Management System is a product of http://www.twidel.nl.
 * 
 *  No manipulation, reproduction or publication in any form without prior written
 *  permission from the copyright holder. Infrigements will result in legal action.
 */

?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <?php include_http_metas() ?>
    <?php include_metas() ?>
    <title>
        <?php if (!include_slot('title')): ?>
            proxecto - services
        <?php endif ?>
    </title>
    <link rel="shortcut icon" href="/favicon.ico" />
    <?php include_stylesheets() ?>
    <?php include_javascripts() ?>
</head>

<body>

    <div id="container">

        <div id="wrapper">

            <!-- header -->
            <div id="header">
                <div id="logo"><a href="#"><img src="/images/proxecto/logo.gif" class="noBorder" alt="proxecto-logo" /></a></div>
                <div id="navigation-bar">
                    <?php include_component('pages', 'menu') ?>
                </div>
            </div>
            <!-- end header -->

            <!-- slider -->
            <div id="slider-bar">
                <div id="left-arrow">
                    <a href="#"><img src="/images/proxecto/left-arrow.gif" id="previous" class="noBorder" alt="left-arrow" /></a>
                </div>
                <div id="project-wrapper" style="overflow: hidden">
                    
                    <div class="slide">
                        <div class="iMac-preview">
                            <img src="/images/proxecto/iMac.jpg" alt="iMac" />
                            <div class="iMac-inside">
                                <img src="/images/proxecto/preview.gif" alt="site-preview" />
                            </div>
                            <div class="iMac-light"></div>
                        </div>
                        <div class="site-preview">
                            <h1><a href="#">twidel solutions /</a></h1>
                            <p>
                                twidel solutions is een klein bedrijf die op maat, voor uw werkzaamheden,
                                doeleinden een computer samenstelt, installeert en u ondersteund bij eventuele
                                problemen na de aankoop.
                            </p>
                            <p>website <span class="gray">/</span> <a href="http://www.twidel.nl">www.twidel.nl</a></p>
                        </div>
                    </div>

                    <div class="slide">
                        <div class="iMac-preview">
                            <img src="/images/proxecto/iMac.jpg" alt="iMac" />
                            <div class="iMac-inside">
                                <img src="/images/proxecto/kapsalonietsanders.gif" alt="site-preview" />
                            </div>
                            <div class="iMac-light"></div>
                        </div>
                        <div class="site-preview">
                            <h1>Kapsalon Iets Anders /</h1>
                            <p>
                                Kapsalon Iets Anders is een trendy kapsalon in het hartje van Maarheeze.
                                Dames, heren en kinderen zijn hier van harte welkom voor een leuke, verfrissende look!
                                Een vlot, enthousiast en creatief team staat voor je klaar.
                            </p>
                            <p>website <span class="gray">/</span> <a href="http://www.kapsalonietsanders.nl">www.kapsalonietsanders.nl</a></p>
                        </div>
                    </div>

                </div>
                <div id="right-arrow">
                    <a href="#"><img src="/images/proxecto/right-arrow.gif" id="next" class="noBorder" alt="left-arrow" /></a>
                </div>
            </div>
            <!-- end slider -->

            <!-- divider -->
            <div id="divider-top-content"></div>
            <!-- end divider-->

            <!-- content -->
            <div id="content-bar">
                <div id="content-left">
                    <?php echo $sf_content ?>
                    <!--<div class="divider"></div>
                    <h1>Nieuwe website online</h1>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at arcu sit amet massa ultricies pellentesque.
                        Integer in adipiscing nisi. Donec arcu eros, pretium quis scelerisque eu, imperdiet at nulla. Etiam vitae urna
                        augue. Fusce sollicitudin mollis rhoncus. Praesent sed leo sit amet mi hendrerit venenatis. Nunc fringilla elementum
                        urna, nec bibendum magna tempus sit amet. Donec ut diam sit amet mi congue feugiat nec et lacus. Aliquam consequat
                        malesuada nunc nec consequat. Fusce libero erat, elementum et vulputate eu, congue vitae risus.
                        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec dictum dui eu leo cursus porttitor.
                        Suspendisse potenti. Nam vestibulum euismod purus sit amet laoreet. Sed ac dolor risus, ac hendrerit magna.
                        Vestibulum lectus odio, bibendum sed faucibus a, sagittis nec risus. Integer egestas magna vel massa venenatis
                        fermentum. Pellentesque laoreet felis ac arcu adipiscing a luctus lacus faucibus. Aenean nec risus ac sem ultrices
                        aliquet nec dignissim nisi. Suspendisse dictum aliquam erat et adipiscing.
                    </p>
                    <div class="divider"></div>
                    <h1>Nieuwe website online</h1>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at arcu sit amet massa ultricies pellentesque.
                        Integer in adipiscing nisi. Donec arcu eros, pretium quis scelerisque eu, imperdiet at nulla. Etiam vitae urna
                        augue. Fusce sollicitudin mollis rhoncus. Praesent sed leo sit amet mi hendrerit venenatis. Nunc fringilla elementum
                        urna, nec bibendum magna tempus sit amet. Donec ut diam sit amet mi congue feugiat nec et lacus. Aliquam consequat
                        malesuada nunc nec consequat. Fusce libero erat, elementum et vulputate eu, congue vitae risus.
                        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec dictum dui eu leo cursus porttitor.
                        Suspendisse potenti. Nam vestibulum euismod purus sit amet laoreet. Sed ac dolor risus, ac hendrerit magna.
                        Vestibulum lectus odio, bibendum sed faucibus a, sagittis nec risus. Integer egestas magna vel massa venenatis
                        fermentum. Pellentesque laoreet felis ac arcu adipiscing a luctus lacus faucibus. Aenean nec risus ac sem ultrices
                        aliquet nec dignissim nisi. Suspendisse dictum aliquam erat et adipiscing.
                    </p>-->
                </div>
                <div id="content-right">
                    <h1>Twitter <span class="gray">@</span>proxecto</h1>
                    <p>
                        07 <span class="red">-</span> 05 <span class="red">-</span> 2010 <span class="red">/</span> Lorem ipsum dolor sit amet,
                        consectetur adipiscing elit. Sed pellentesque dictum arcu, eget eleifend purus gravida quis. Etiam eu risus sed.
                    </p>
                    <div class="divider"></div>
                    <p>
                        07 <span class="red">-</span> 05 <span class="red">-</span> 2010 <span class="red">/</span> Lorem ipsum dolor sit amet,
                        consectetur adipiscing elit. Sed pellentesque dictum arcu, eget eleifend purus gravida quis. Etiam eu risus sed.
                    </p>
                    <div class="divider"></div>
                    <p>
                        07 <span class="red">-</span> 05 <span class="red">-</span> 2010 <span class="red">/</span> Lorem ipsum dolor sit amet,
                        consectetur adipiscing elit. Sed pellentesque dictum arcu, eget eleifend purus gravida quis. Etiam eu risus sed.
                    </p>
                    <div class="divider"></div>
                    <p>
                        07 <span class="red">-</span> 05 <span class="red">-</span> 2010 <span class="red">/</span> Lorem ipsum dolor sit amet,
                        consectetur adipiscing elit. Sed pellentesque dictum arcu, eget eleifend purus gravida quis. Etiam eu risus sed.
                    </p>
                    <div class="divider"></div>
                    <p>
                        07 <span class="red">-</span> 05 <span class="red">-</span> 2010 <span class="red">/</span> Lorem ipsum dolor sit amet,
                        consectetur adipiscing elit. Sed pellentesque dictum arcu, eget eleifend purus gravida quis. Etiam eu risus sed.
                    </p>
                    <div class="divider"></div>
                </div>
            </div>
            <!-- end content -->
            
        </div>

        <div id="footer">
            <div id="inner-footer">
                <div id="inner-footer-left">Copyright © 2011 twidel | Powered by proxectocms &amp; symfony</div>
                <div id="inner-footer-right">
                    <!--<a href="#">home</a> | <a href="#">portfolio</a> | <a href="#">diensten</a> | <a href="#">blog</a> | <a href="#">contact</a>-->
                    <?php include_component('pages', 'footer') ?>
                </div>
            </div>
        </div>

    </div>

</body>
</html>